#{extends 'main.html'/}
#{set title:'Category'/}
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'nhieuchuyen'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var s = document.createElement('script'); s.async = true;
        s.type = 'text/javascript';
        s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());
</script>
<div id="centercol">
      <div class="box post" id="post-41">
        <div class="content">
          #{doLayout/}
        </div>
        <!--/content -->
      </div>
      <!--/box -->
      <div class="clr"></div>
    </div>
    <!--/centercol -->
    <div id="rightcol">
      <div class="box">
        <div class="content">
        <div class="rss">
        #{if user}
 			<a href="@{Content.create()}" class="big"><img src="@{'/public/images/postcontent.jpeg'}" alt="picture"/>
            <h2 >Nói Những Gì Bạn Muốn</h2></a>
		#{/if}
		#{else}
			<a href="@{Application.login()}" class="big"><img src="@{'/public/images/login.jpeg'}" alt="picture"/>
            <h2>Login with Gmail</h2></a>
		#{/else}
         </div>
          <!--/rss -->
        </div>
      </div>
      <div class="box ads">
        <div class="wtitle">
          <h2>Advertising</h2>
        </div>
        <div class="content"><a href="#" title="themeforest" target="_blank"><img src="@{'/public/images/banner_1.gif'}" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="@{'/public/images/banner_2.gif'}" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="@{'/public/images/banner_3.gif'}" alt="ad1" width="125" height="125" /></a><a href="#" title="themeforest" target="_blank"><img src="@{'/public/images/banner_4.gif'}" alt="ad1" width="125" height="125" /></a>
          <div class="small_link"> <small><a href="#" target="_blank">Join Our Flickr Group To Share Your Work</a></small> </div>
        </div>
        <!--/content -->
      </div>
      <!--/box -->
      <div class="box"> 
        <div class="wtitle"> 
          <h2>Navigation</h2> 
        </div> 
        <div class="content"> 
          <ul class="list"> 
            <li><a href="#" class="active" rel="tabs_category">Categories</a></li> 
            <li><a href="#" rel="tabs_archive">Archives </a></li> 
            <li><a href="#" rel="tabs_pages" class="last">Pages</a></li> 
          </ul> 
          <div class="tabs_category tabs_list"> 
            <ul class="sf-menu sf-js-enabled"> 
              <li class="cat-item cat-item-8"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=8" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">About Us</a> </li> 
              <li class="cat-item cat-item-1"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=1" title="Proin venenatis porttitor nisi, et porta arcu consequat vel. Donec vestibulum condimentum justo, eu vehicula dolor blandit ac. In molestie lectus sit amet felis congue quis adipiscing neque dignissim. Aenean ullamcorper ornare arcu at fermentum.">Categories</a> 
                <ul class='children'> 
                  <li class="cat-item cat-item-5"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=5" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Admin Area</a> </li> 
                  <li class="cat-item cat-item-3"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=3" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Colors</a> </li> 
                  <li class="cat-item cat-item-4"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=4" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Slideshow</a> 
                    <ul class='children'> 
                      <li class="cat-item cat-item-12"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=12" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Page Preview</a> </li> 
                    </ul> 
                  </li> 
                </ul> 
              </li> 
              <li class="cat-item cat-item-7"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=7" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Demo Pages</a> </li> 
              <li class="cat-item cat-item-11"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=11" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Documentation</a> </li> 
              <li class="cat-item cat-item-10"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=10" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Elements</a> </li> 
              <li class="cat-item cat-item-9"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=9" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Feeds</a> </li> 
              <li class="cat-item cat-item-6"><a href="http://www.templateaccess.com/wpdemos/wp25/?cat=6" title="Proin venenatis porttitor nisi, et porta arcu consequat vel.">Popular Posts</a> </li> 
            </ul> 
          </div> 
          <div class="tabs_archive tabs_list"> 
            <ul> 
              <li><a href="#" rel="bookmark" title="Permanent Link: Привет, мир!">Привет, мир!</a></li> 
              <li><a href="#" rel="bookmark" title="Permanent Link: Детали">Детали</a></li> 
            </ul> 
          </div> 
          <!-- Start Meta --> 
          <div class="tabs_pages tabs_list"> 
            <ul> 
              <li><a href="#">Администрирование</a></li> 
              <li><a href="#">Выйти</a></li> 
              <li><a href="#" title="This page validates as XHTML 1.0 Transitional"> Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> 
              <li><a href="#"><abbr title="XHTML Friends Network"> XFN</abbr></a></li> 
              <li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform."> WordPres</a></li> 
            </ul> 
          </div> 
          <!-- End Meta --> 
        </div> 
        <!--/content --> 
      </div> 
      <!--/box -->
      <div class="box widget widget_flickrRSS">
        <div class="wtitle">
          <h2>Flickr gallery</h2>
        </div>
        <div class="content"><a href="#" title="Sign of the times" target="_blank"><img src="@{'/public/images/4368505664_fa4dd3b2c5_s.jpg'}" alt="Sign of the times"/></a><a href="#" title="Another City Sunrise" target="_blank"><img src="@{'/public/images/4366690481_4b347cb544_s.jpg'}" alt="Another City Sunrise"/></a><a href="#" title="City Girl" target="_blank"><img src="@{'/public/images/4370151016_67c51ffb6a_s.jpg'}" alt="City Girl"/></a><a href="#" title="We Still Care" target="_blank"><img src="@{'/public/images/4369402731_1f289e75c2_s.jpg'}" alt="We Still Care"/></a><a href="#" title="Artwork for Advanced Photoshop" target="_blank"><img src="@{'/public/images/4369402703_52193a772c_s.jpg'}" alt="Artwork for Advanced Photoshop"/></a><a href="#" title="shaun white" target="_blank"><img src="@{'/public/images/4370132042_08dace4d88_s.jpg'}" alt="shaun white"/></a>
          <div class="small_link"> <small><a href="#" target="_blank">Join Our Flickr Group To Share Your Work</a></small> </div>
        </div>
        <!--/content -->
      </div>
      <!--/box -->
      <div class="box ads">
        <div class="content">
          <div class="banner"> <a href="#" title="GoMedia Arsenal" target="_blank"><img src="@{'/public/images/banner_img_1.gif'}" alt="GoMedia Arsenal" /></a> <a href="#" title="GoMedia Arsenal" target="_blank"><img src="@{'/public/images/banner_img_2.gif'}" alt="GoMedia Arsenal" /></a>
          </div>
        </div>
        <!--/content -->
      </div>
      <!--/box -->
</div>